<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>添加品牌</title>
</head>
<body>
<div id="addBrand">
<h3>添加品牌</h3>
<form action="" method="post"  @click="">
    品牌名称: <input id="brandName" name="brandName" v-model="brand.brandName"><br>
    企业名称: <input id="companyName" name="companyName" v-model="brand.companyName"><br>
    排序: <input id="ordered" name="ordered"v-model="brand.ordered"><br>
    描述信息: <textarea rows="5" cols="20" id="description" name="description" v-model="brand.description"></textarea><br>
    状态:
    <input type="radio" name="status" value="0" v-model="brand.status">禁用
    <input type="radio" name="status" value="1" v-model="brand.status">启用<br>

    <input type="button" id="btn" value="提交">
</form>
</div>
<script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/vue@2.6.12/dist/vue.js"></script>
<script>
    new Vue({
        el:"#addBrand",
        data:{
            brand:{}
        },
        methods:{
            submitForm(){
                var _this=this;
                axios(
                    {
                        method:"post",
                        url:"http://localhost:8080/ajax_demo_war/addServlet",
                        data:_this.brand
                    }
                ).then(function (resp){
                    if(resp.data=="success"){
                        window.location.href="http://localhost:8080/ajax_demo_war/brand.html";
                    }
                })
                    }

            }
        })
</script>

</body>
</html>